html, body {
  background-color: transparent!important;
}
.bodyDiv {
  width: 100%;
  height: 100%;
  padding: 10px;
  user-select: none;
  background-color: unset!important;

  .contentDiv {
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #333333 0, #000000 58%);
    backdrop-filter: blur(10px);
    border-radius: 10px;
    box-shadow: 2px 2px 5px #000000;

    .topDiv {
      display: flex;
      width: 100%;
      height: 40%;
      padding-left: 20px;
      padding-top: 20px;

      .topImgDiv {
        width: 20%;
        height: 100%;
      }

      .topImg {
        width: 50px;
        height: 50px;
      }

      .topText {
        display: flex;
        flex-direction: column;
        height: 100%;
      }

      .topTextUserName {
        height: 35%;
        font-size: 14px;
        color: #ccc;
      }

      .topTextMeetingName {
        font-size: 18px;
      }
    }

    .downDiv {
      display: flex;
      height: 60%;
      padding-left: 20px;

      .downButtonVideo {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: 60%;
        font-size: 14px;
      }

      .hangUpPhoneVideo {
        background-color: rgba(0, 0, 0, 0.3);
        background-position: center center;
        border-radius: 50%;
        border: none;
        width: 50px;
        height: 50px;
        cursor: pointer;
      }

      .hangUpPhoneVideoImg {
        width: 30px;
        height: 30px;
      }

      .downButtonButton {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 20%;
        font-size: 14px;
      }

      .hangUpPhoneButton {
        background-color: #FF5521;
        background-position: center center;
        border-radius: 50%;
        border: none;
        width: 50px;
        height: 50px;
        cursor: pointer;
      }

      .hangUpPhoneImg {
        width: 30px;
        height: 30px;
      }

      .downButtonPhone {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 20%;
        font-size: 14px;
      }

      .hangUpAnswerPhone {
        background-color: #00B853;
        background-position: center center;
        border-radius: 50%;
        border: none;
        width: 50px;
        height: 50px;
        cursor: pointer;
        text-align: center;
      }

      .hangUpAnswerPhoneImg {
        width: 30px;
        height: 30px;
      }
    }
  }
}